<template>
    <div class="commodity-album">
        <information-list></information-list>
        <div class="xiangm">
            <p class="title"><span>你可以对以下项目感兴趣</span> <span class="more">更多>></span></p>
            <product-Reservation :width="width1"  :movieList="navList"></product-Reservation>
        </div>
    </div>
</template>

<script>
    import InformationList from "../../../components/Information/InformationList"
    import productReservation from '../../ProductReservation/index.vue'
    export default {
        name: "CommodityAlbum",
        props:['navList','width1'],
        components:{
            InformationList,
            productReservation
        }
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
    .title{
        border-bottom: 2px solid @theme-color-dark;
        color: @theme-color-dark;
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 10px;
    }

</style>